
<div id="xxx" class="fluent-calendar" b-bgn9u4guxz="">
  <div id="xxx" class="fluent-month" b-bgn9u4guxz="">
    <div b-bgn9u4guxz="">
      <div class="title" part="title" aria-label="2022" b-bgn9u4guxz="">
        <div part="label" class="label" role="button" tabindex="0" blazor:onclick="134" blazor:onkeydown="135" b-bgn9u4guxz="">2022</div>
        <div part="move" class="change-period" b-bgn9u4guxz="">
          <div class="previous" title="2021" blazor:onclick="136" role="button" tabindex="0" blazor:onkeydown="137" b-bgn9u4guxz="">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="var(--neutral-fill-strong-focus)" xmlns="http://www.w3.org/2000/svg">
              <path d="M4.2 10.73a.75.75 0 001.1 1.04l5.95-6.25v14.73a.75.75 0 001.5 0V5.52l5.95 6.25a.75.75 0 001.1-1.04l-7.08-7.42a1 1 0 00-1.44 0L4.2 10.73z"></path>
            </svg>
          </div>
          <div class="next" title="2023" blazor:onclick="138" role="button" tabindex="0" blazor:onkeydown="139" b-bgn9u4guxz="">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="var(--neutral-fill-strong-focus)" xmlns="http://www.w3.org/2000/svg">
              <path d="M19.8 13.27a.75.75 0 00-1.1-1.04l-5.95 6.25V3.75a.75.75 0 10-1.5 0v14.73L5.3 12.23a.75.75 0 10-1.1 1.04l7.08 7.42a1 1 0 001.44 0l7.07-7.42z"></path>
            </svg>
          </div>
        </div>
      </div>
      <div class="months" part="months" b-bgn9u4guxz="">
        <div class="month" aria-label="January 2022" title="January 2022" value="2022-01" role="button" tabindex="0" blazor:onkeydown="140" blazor:onclick="141" b-bgn9u4guxz="">Jan</div>
        <div class="month" aria-label="February 2022" title="February 2022" value="2022-02" role="button" tabindex="0" blazor:onkeydown="142" blazor:onclick="143" b-bgn9u4guxz="">Feb</div>
        <div class="month" aria-label="March 2022" title="March 2022" value="2022-03" role="button" tabindex="0" blazor:onkeydown="144" blazor:onclick="145" b-bgn9u4guxz="">Mar</div>
        <div class="month" selected="" aria-label="April 2022" title="April 2022" value="2022-04" role="button" tabindex="0" blazor:onkeydown="146" blazor:onclick="147" b-bgn9u4guxz="">Apr</div>
        <div class="month" aria-label="May 2022" title="May 2022" value="2022-05" role="button" tabindex="0" blazor:onkeydown="148" blazor:onclick="149" b-bgn9u4guxz="">May</div>
        <div class="month" aria-label="June 2022" title="June 2022" value="2022-06" role="button" tabindex="0" blazor:onkeydown="150" blazor:onclick="151" b-bgn9u4guxz="">Jun</div>
        <div class="month" aria-label="July 2022" title="July 2022" value="2022-07" role="button" tabindex="0" blazor:onkeydown="152" blazor:onclick="153" b-bgn9u4guxz="">Jul</div>
        <div class="month" aria-label="August 2022" title="August 2022" value="2022-08" role="button" tabindex="0" blazor:onkeydown="154" blazor:onclick="155" b-bgn9u4guxz="">Aug</div>
        <div class="month" aria-label="September 2022" title="September 2022" value="2022-09" role="button" tabindex="0" blazor:onkeydown="156" blazor:onclick="157" b-bgn9u4guxz="">Sep</div>
        <div class="month" aria-label="October 2022" title="October 2022" value="2022-10" role="button" tabindex="0" blazor:onkeydown="158" blazor:onclick="159" b-bgn9u4guxz="">Oct</div>
        <div class="month" aria-label="November 2022" title="November 2022" value="2022-11" role="button" tabindex="0" blazor:onkeydown="160" blazor:onclick="161" b-bgn9u4guxz="">Nov</div>
        <div class="month" aria-label="December 2022" title="December 2022" value="2022-12" role="button" tabindex="0" blazor:onkeydown="162" blazor:onclick="163" b-bgn9u4guxz="">Dec</div>
      </div>
    </div>
  </div>
</div>